import "./index.css";
import { Switch } from "antd";
function Canshu(props: any) {
  const { canshuData } = props;
  let ceshi = [
    { id: 1, title: "摄像头", desc: "随时接收每日电子邮件", check: true },
    { id: 2, title: "房间耗电量", desc: "随时接收每日电子邮件", check: true },
    { id: 3, title: "按日统计", desc: "加密与账户关联的所有数据", check: true },
    { id: 4, title: "设备限制", desc: "将所有信息存储在云服务上", check: true },
    {
      id: 5,
      title: "按类别统计",
      desc: "将所有信息存储在云服务上",
      check: true,
    },
    {
      id: 6,
      title: "按设备统计",
      desc: "将所有信息存储在云服务上",
      check: true,
    },
  ];
  return (
    <div className="canshu">
      {ceshi.map((item) => {
        return (
          <div className="canshuItem" key={item.id}>
            <div>
              <p className="title">{item.title}</p>
              <p className="desc">{item.desc}</p>
            </div>{" "}
            <Switch
              size="small"
            //   onChange={(value) => changeFootAc(value, item.id)}
              checked={item.check}
            />
          </div>
        );
      })}
    </div>
  );
}

export default Canshu;
